<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/auth/templates/template.xhtml">
	<ui:define name="pageTitle">Consultar Cliente</ui:define>
	<ui:define name="body">

		<f:view>
			<p:growl id="messages" showDetail="true" autoUpdate="true"
				closable="true" />

			<h:form id="dados">

				<h:panelGrid cellspacing="10px" styleClass="center">
					<f:facet name="header">Consultar Cliente</f:facet>
					<h:panelGrid columns="3" cellspacing="10px">
						<p:outputLabel value="Nome Procurado:" for="txtNomeProcurado" />
						<p:inputText id="txtNomeProcurado"
							value="#{clienteVSBean.nomeProcurado}" required="true" />
						<p:commandButton value="Procurar" icon="ui-icon-search"
							update="@this :dados :messages :dados:tabelaCliente"
							actionListener="#{clienteVSBean.listarPorNome}" />
					</h:panelGrid>

					<p:dataTable id="tabelaCliente" var="cliente"
						value="#{clienteVSBean.listaClientesPesquisado}"
						rendered="#{clienteVSBean.exibirTabela}" paginator="true"
						rows="10"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,15">
						<p:column headerText="Id">
							<h:outputText value="#{cliente.idPessoa}" />
						</p:column>
						<p:column headerText="Nome">
							<h:outputText value="#{cliente.nome}" />
						</p:column>
						<p:column headerText="Incluido em">
							<h:outputText value="#{cliente.cadastro.time}">
								<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
							</h:outputText>
						</p:column>
						<p:column headerText="Ações">
							<p:commandButton update=":dados:panelDados"
								oncomplete="PF('clienteDetalheDialog').show(); return false;"
								icon="ui-icon-search" title="Detalhes">
								<f:setPropertyActionListener target="#{clienteVSBean.cliente}"
									value="#{cliente}" />
							</p:commandButton>
							<p:commandButton icon="ui-icon-clipboard" title="Extrato Conta"
								action="extratocontacliente?faces-redirect=true&amp;includeViewParams=true">
								<f:setPropertyActionListener target="#{clienteRSBean.cliente}"
									value="#{cliente}" />
							</p:commandButton>
							<p:commandButton icon="ui-icon-arrowreturnthick-1-s"
								title="Incluir Pagamento"
								action="incluirpagamentocliente?faces-redirect=true&amp;includeViewParams=true">
								<f:setPropertyActionListener target="#{clienteRSBean.cliente}"
									value="#{cliente}" />
							</p:commandButton>
							<p:commandButton icon="ui-icon-pencil" title="Alterar"
								action="alterardadoscliente?faces-redirect=true&amp;includeViewParams=true"
								onclick="if(!confirm('Deseja realmente alterar os dados deste cliente?')) return false;">
								<f:setPropertyActionListener target="#{clienteRSBean.cliente}"
									value="#{cliente}" />
							</p:commandButton>
						</p:column>
						<p:column headerText="Remover"
							rendered="#{isUser.inRole('gerente')}">
							<p:commandButton update=":dados :messages" icon="ui-icon-trash"
								onclick="if(!confirm('Deseja realmente remover este cliente?')) return false;"
								title="Remover" action="#{clienteRSBean.remover(cliente)}" />
						</p:column>
					</p:dataTable>

					<p:commandButton action="incluircliente"
						value="Incluir Novo Cliente" icon="ui-icon-plus" />
				</h:panelGrid>

				<p:dialog header="Detalhes do Cliente"
					widgetVar="clienteDetalheDialog" resizable="false"
					id="clienteDetalheDlg" showEffect="fade">
					<h:outputText value="Dados do Cliente" styleClass="header3" />
					<h:panelGrid id="panelDados" columns="2" cellspacing="10px">
						<h:outputLabel for="txtNome" value="Nome:" />
						<h:outputText id="txtNome" value="#{clienteVSBean.cliente.nome}" />
						<h:outputLabel for="txtNascimento" value="Data de nascimento:" />
						<h:outputText id="txtNascimento"
							value="#{clienteVSBean.cliente.nascimento.time}">
							<f:convertDateTime type="date" pattern="dd/MM/yyyy" />
						</h:outputText>
						<h:outputLabel for="radSexo" value="Sexo" />
						<h:outputText id="radSexo"
							value="#{clienteVSBean.cliente.sexo.label}" />
						<h:outputLabel for="txtCPF" value="CPF:" />
						<h:outputText id="txtCPF" value="#{clienteVSBean.cliente.cpf}" />
						<h:outputLabel for="txtCEP" value="RG:" />
						<h:outputText id="txtRG" value="#{clienteVSBean.cliente.rg}" />

						<h:outputLabel for="txtEndereco" value="Endere&ccedil;o:" />
						<h:outputText id="txtEndereco"
							value="#{clienteVSBean.cliente.endereco.endereco}" />
						<h:outputLabel for="txtCEP" value="CEP:" />
						<h:outputText id="txtCEP"
							value="#{clienteVSBean.cliente.endereco.cep}" />
						<h:outputLabel for="txtCidade" value="Cidade:" />
						<h:outputText id="txtCidade"
							value="#{clienteVSBean.cliente.endereco.cidade}" />
						<h:outputLabel for="cbxEstado" value="Estado:" />
						<h:outputText id="cbxEstado"
							value="#{clienteVSBean.cliente.endereco.estado.label}" />

						<h:outputLabel for="txtTelefone" value="Telefone:" />
						<h:outputText id="txtTelefone"
							value="#{clienteVSBean.cliente.contato.telefone}" />
						<h:outputLabel for="txtEmail" value="E-mail:" />
						<h:outputText id="txtEmail"
							value="#{clienteVSBean.cliente.contato.email}" />
					</h:panelGrid>
				</p:dialog>
			</h:form>
		</f:view>
	</ui:define>
</ui:composition>

</html>